<template>
    <div>
        哈哈，微信开放平台来访问我了
        <!-- 获取请求地址中的code ,使用code作为参数调用微信开放平台接口，获取正式令牌 -->
        <!-- 调用微信开放平台接口应该使用后台代码进行调用， -->
        <!-- 前端调用服务端的接口，服务端接口调用微信接口 -->
    </div>
</template>
<script>
import {getUrlParam} from '@/utils/param'
import weixin from '@/api/weixin'
import {setUser} from '@/utils/auth'
export default {
    mounted(){
        //获取请求地址中的code
      let code=getUrlParam('code')
      if(code!==null){//如果是微信登陆
        //根据code获取access_token
        weixin.getAccessToken(code).then( res=>{
          let access_token= res.data.access_token
          let openid= res.data.openid
          console.log('获取到正式令牌====access_token:'+access_token+ 'openid:'+openid)
          //通过正式令牌获取用户信息  继续调用微信接口
           weixin.getUserinfo( access_token, openid ).then( res => {
            //提取用户昵称和头像  **********************
            let nickname= res.data.nickname
            let headimgurl= res.data.headimgurl
            setUser(access_token,nickname,headimgurl)
            location.href='/'
          })
        })
      }
    }
}
</script>